@import "reset.css";
@import "common.css";

/* 首页统一样式 */
button{
    cursor: pointer;
}

/* 首页通用样式 */
.container{
    width: 900px;
    margin: 0 auto;
}



/* 添加边框 */
/* .container .logo, .container .search, .container .menu{
    border: 1px solid red;
    height: 30px;
} */

/* 页头开始 */
.header{
    height: 90px;
}


.header .container .logo h1 a{
    width: 154px;
    height: 0px;
    padding-top: 30px;
    overflow: hidden;
    background:url(../img/logo_db@2x.png) no-repeat left top / 100% ;
    display: block;
}

/* 外边距合并，设置header的上内边距,或者把header 变成BFC隔绝内部与外部空间
.header .container{
    margin-top: 30px;
} */

.header {
    padding-top: 30px;
    box-sizing: border-box;
}

.container .search .txt::placeholder{
    color: #ccc;

}

/* 文本框 */
.container .search{
    width: 270px;
    height: 30px;
    border: 1px #c3c3c3 solid;
    margin-left: 10px;
    position: relative;
}

.container .search button{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
}

.container .search input{
    width: 240px;
    padding: 5px;
    height: 20px;
}

.container .menu{
    margin-top: 7px;
}

.container .menu a{
    float: left;
    margin-left: 17px;
    width: 40px;
    height: 20px;
    background: url(../img/anony_nav_logo@2x.png) no-repeat left top/463px 20px;
}

.container .menu .menu-movie{
    background-position: -60px;
}

.container .menu .menu-music{
    background-position: -120px;
}

.container .menu .menu-city{
    background-position: -180px;
}

.container .menu .menu-group{
    background-position: -240px;
}

.container .menu .menu-fm{
    background-position: -300px;
}

.container .menu .menu-time{
    background-position: -360px;
}

.container .menu .menu-doupin{
    background-position: -420px;
    width: 44px;
}

/* 页头结束 */

/* 横幅开始 */
.banner {
    
    height:300px ;
    background: url("../img/bac.png") no-repeat 140px top /auto 100%;
    background-color: #edf4ed;
}

.banner .contianer .loginitem{
    width: 300px;
    height: 300px;
}

/* 横幅结束 */